$(document).ready(function(){

    var _arr = [0,0,0,0,0,0,0,0,0,15,20,10,10,10,0,0,0,20,0,20,0,0,0]

	// 图表创建
	var myChart = echarts.init(document.getElementById('chartsDiv'));
    myChart.setOption({
    title: {
        text: 'Horario2'
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        }
    },
    // toolbox: {
    //     show: true,
    //     feature: {
    //         saveAsImage: {}
    //     }
    // },
    xAxis:  {
        type: 'category',
        boundaryGap: false,
        data: ['17:00', '17:30', '18:00', '18:30', '19:00', '20:00', '20:30', '21:00', '21:30', '22:00', '22:30', '23:00', '23:30', '24:00', '00:30', '01:00', '01:30', '02:00', '02:30', '03:00', '03:30', '04:30', '05:00', '05:30'],
        splitLine:{
            show:true
        },
        axisLabel:{
            interval:0,
            rotate:90
        }
    },
    yAxis: [{
        type: 'value',
        data:[0,15,30],
        max:30,
        min:0,
        position:'right',
        show:false
        // axisLabel: {
        //     formatter: '{value} W'
        // },
        // axisPointer: {
        //     snap: true
        // }
    },
    {
        type: 'category',
        boundaryGap: false,
        data:['Off','Eco','Max'],
        position:'left'
    }],
    // visualMap: {
    //     show: false,
    //     dimension: 0,
    //     pieces: [{
    //         lte: 6,
    //         color: 'green'
    //     }, {
    //         gt: 6,
    //         lte: 8,
    //         color: 'red'
    //     }, {
    //         gt: 8,
    //         lte: 14,
    //         color: 'green'
    //     }, {
    //         gt: 14,
    //         lte: 17,
    //         color: 'red'
    //     }, {
    //         gt: 17,
    //         color: 'green'
    //     }]
    // },
    series: [
        {
            type:'bar',
            data: _arr,
            itemStyle:{
                normal:{
                    color:'#a0cdf8'
                },
                emphasis:{
                    color:'#379af9'
                }
            },
            markLine:{
                data:[
                    {
                        name: '平均线',
                        // 支持 'average', 'min', 'max'
                        type: 'average',
                        lineStyle:{
                            normal:{
                                color:'#ff0000'
                            }
                        }
                    },
                    {
                        name: 'Y 轴值为 15 的水平线',
                        yAxis: 15,
                        lineStyle:{
                            normal:{
                                color:'#acacac'
                            }
                        }
                    }
                ]
            }
        },
        {
            type:'line',
            data: _arr,
            itemStyle:{
                normal:{
                    color:'#565656'
                }
            },
            markPoint:{
                data: [
                    { name:'zz', value:20, yAxis:10, xAxis: 13},
                    { name:'cc', value:10, yAxis:20, xAxis: 17}
                ],
                itemStyle:{
                    normal:{
                        color:'#ff0000'
                    }
                }
            }
            // markArea: {
            //     data: [ 
            //         [{
            //             xAxis: '22:00'
            //         }, {
            //             xAxis: '22:30'
            //         }], 
            //         [{
            //             xAxis: '22:30'
            //         }, {
            //             xAxis: '23:00'
            //         }] 
            //     ]
            // }
        }
    ]
});


})